body {
	background-color: #f4f4f4;
}

header {
	position: relative;
	background-color: aquamarine;
	width: 100vw;
	height: 53vw;
	margin-bottom: 9vw;
}
header .bg{
	width: 100%;
}

.infomationCard {
	position: absolute;
	left: 4vw;
	bottom: -6vw;
	width: 92vw;
	height: 32vw;
	background-color: #ffffff;
	box-shadow: 0vw 1vw 2vw 0vw rgba(13, 4, 9, 0.09);
}

.infomationCard .avatar {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 17vw;
	height: 17vw;
}

.infomationCard .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.infomationCard .avatar .nickname {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 400%;
	text-align: center;
	transform: translate(-50%, 200%);
	font-size: 5vw;
	line-height: 3vw;
	color: #333333;
}

.infomationCard .infoList {
	margin-top: 17vw;
	display: flex;

}

.infomationCard .infoList li {
	width: 50%;
	text-align: center;
	font-size: 4vw;
	line-height: 6vw;
	color: #333333;
}

.card {
	background-color: #fff;
	margin-bottom: 3vw;
}

.card .top {
	display: flex;
	font-size: 4vw;
	justify-content: space-between;
	line-height: 5vw;
	padding: 5vw 4vw;
	border-bottom: .1vw solid #f4f4f4;
}

.card .top .title {
	color: #333;
}

.card .top .all {
	color: #555;
}

.card .top .all img {
	width: 2vw;
	height: 4vw;
	margin-left: 2vw;
	transform: rotate(180deg);
	vertical-align: middle;
}

.card .list {
	display: flex;
	justify-content: space-around;
	padding-top: 6vw;
}

.card .list li {
	text-align: center;
	margin-bottom: 6vw;
}

.card .list li img {
	width: 6vw;
	height: 6vw;
}

.card .list li .name {
	font-size: 3vw;
	color: #555555;
}

.tool .list {
	flex-wrap: wrap;
	margin-bottom: 13vw;
}

.tool .list li {
	width: 25%;
}
.tabbar {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 800;
	background-color: #fbfbfb;
	border-top: .1vw solid #ddd;
}

.tabbar ul {
	width: 100vw;
	display: flex;
	align-items: center;
}

.tabbar ul li {
	width: 20%;
	padding: 2.6vw 0 1.4vw;
	text-align: center;
}

.tabbar img {
	width: 4.3vw;
	margin-bottom: 1vw;
}

.tabbar .title {
	font-size: 2vw;
	font-weight: bold;
	line-height: 3vw;
	color: #555555;
}

.tabbar ul li:nth-child(5) .title {
	color: #c55a5c;
}

